.main {
    display: flex;
    width: 1200px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
}

.null {
    height: 100px;
}

.surface {
    width: 120px;
    margin: 0 auto;
    font-size: 20px;
    color: #d80505;
    height: 60px;
}


/* 表开始 */

.surfaceZong {
    width: 850px;
    margin: 0 auto;
}

.surfaceOne {
    display: flex;
    height: 60px;
    align-items: center;
}

.surfaceOne span {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfaceOne input {
    height: 30px;
    /* background: #d80505; */
    border: 1px solid #707070;
}


/* two */

.surfaceTwo {
    display: flex;
    height: 60px;
    align-items: center;
}

.surfaceTwo span:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfaceTwo span:nth-child(2) {
    font-size: 20px;
    margin-right: 10px;
}

.surfaceThree {
    position: relative;
    height: 30;
    width: 120px;
    background: #d80505;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
}

.surfaceThree input {
    position: absolute;
    top: 5px;
    right: -110px;
    /* color: #fff; */
    height: 30px;
    /* 重点代码让input隐藏 */
    opacity: 0;
}


/* four */

.surfacefour {
    display: flex;
    height: 60px;
    align-items: center;
}

.surfacefour span:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfacefour span:nth-child(3) {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfacefour input:nth-child(2) {
    height: 30px;
    border: 1px solid #707070;
    margin-right: 40px;
}

.surfacefour input:nth-child(4) {
    height: 30px;
    border: 1px solid #707070;
    margin-right: 40px;
    width: 350px;
}


/* s */

.surfacefours {
    display: flex;
    height: 60px;
    align-items: center;
}

.surfacefours span:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfacefours span:nth-child(3) {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfacefours input:nth-child(2) {
    height: 30px;
    border: 1px solid #707070;
    margin-right: 40px;
}

.surfacefours input:nth-child(4) {
    height: 30px;
    border: 1px solid #707070;
    margin-right: 40px;
    width: 140px;
}


/* five */

.surfacefive {
    display: flex;
    height: 60px;
    align-items: center;
}

.surfacefive span {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfacefive input {
    height: 30px;
    /* background: #d80505; */
    border: 1px solid #707070;
    width: 500px;
}


/* six */

.surfaceSix {
    display: flex;
    height: 60px;
    align-items: center;
}

.surfaceSix span {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfaceSix input {
    height: 30px;
    /* background: #d80505; */
    border: 1px solid #707070;
    width: 300px;
}


/* seven */

.surfaceSeven {
    display: flex;
    height: 60px;
    align-items: center;
}

.surfaceSeven span:nth-child(2) {
    font-size: 20px;
    margin-right: 10px;
    /* color: red; */
}

.surfaceSeven span {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.surfaceSeven input {
    height: 30px;
    border: 1px solid #707070;
}


/* 本人 */

.chec {
    width: 670px;
    margin: 0 auto;
    display: flex;
    margin-top: 50px;
}

.chec input {
    height: 26px;
    width: 18px;
    margin-right: 20px;
}

.chec p {
    font-size: 20px;
    width: 630px;
    line-height: 25px;
}


/* 按钮 */

.bu {
    width: 345px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d80505;
    border-radius: 6px;
    margin-top: 20px;
}

.bu button {
    font-size: 30px;
    background: #d80505;
    color: #fff;
}